/*vp-data*/
@import "detai-game-table";
$themeBlue: #14b9d6;
#bodyer{
  line-height: 1;
  background: url("../img/vp-data/team-data/match-bg.jpg") no-repeat center top #1e2124;
}
.vp-data-table>tbody>tr:not(.emptys):hover>td {
  background-color: #40434d;
  border-top-color: #53565f;
  border-bottom-color: #2a2b32;
}
.quiz-list li {
  position: relative;
  width: 730px;
  margin: auto;
  overflow: hidden;
  border-bottom: 1px solid transparent;
  border-top: 1px solid #363b42;
}
.nav-list-head {
  background-color: #363b42;
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.nav-list-head-left {
  float: left;
  height: 40px;
}
.nav-list-head-left i {
  background: url("../img/quiz/games-logo.png") no-repeat center;
  width: 20px;
  height: 20px;
  float: left;
  margin: 11px 5px 0px 8px;
}
.nav-list-head-left .dota-icon, .nav-list-head-left .dota2-icon, .guess-match-list .dota-icon {
  background-position: 0 0;
}
.green.status-normal {
  color: #90b526;
}
.nav-list-head-right {
  float: right;
  padding-right: 20px;
}
.nav-list-body {
  background-color: #23252b;
  width: 100%;
  height: 100px;
  padding-top: 23px;
  position: relative;
}
.spinach-item {
  width: 610px;
  float: left;
  z-index: 1;
  position: relative;
}
.spinach-item-team {
  width: 267px;
}
.spinach-item-img {
  position: relative;
}
.spinach-item-img img {
  display: block;
  border-radius: 4px;
}
.spinach-item-team.pull-left .spinach-item-data {
  margin-right: 100px;
  text-align: right;
}
.spinach-item p {
  padding-top: 5px;
  font-size: 14px;
  padding-bottom: 5px;
}
.spinach-item-team.pull-left .spinach-item-data {
  margin-right: 100px;
  text-align: right;
}
.spinach-item-vs {
  float: left;
  width: 72px;
  display: table;
  vertical-align: middle;
  text-align: center;
  height: 55px;
  color: #d84915;
  display: table;
}
.spinach-item-vs .td {
  display: table-cell;
  vertical-align: middle;
}
.spinach-item p {
  padding-top: 5px;
  font-size: 14px;
  padding-bottom: 5px;
}
.spinach-item-team.pull-right .spinach-item-data {
  margin-left: 100px;
  text-align: left;
}
.spinach-league-img {
  width: 220px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100px;
}
.quiz-list a {
  color: #D4D4D4;
}
.spinach-league-img .opacity-b {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(left,rgba(35,37,43,1),rgba(0,0,0,0) 50%);
  background: -webkit-linear-gradient(left,rgba(35,37,43,1),rgba(0,0,0,0) 50%);
}
.spinach-league-img img {
  opacity: 0.3;
  //filter: alpha(opacity=0,finishopacity=30,style=1,startX=0,startY=0,finishX=50,finishY=0);
}
.quiz-right{width: 290px;float: right;}
.quiz-right-top{width: 100%;margin-bottom: 20px;}
.quiz-right-top .quiz-bd,.quiz-right-top .quiz-bs{height: 50px;}
.quiz-bd,.quiz-bs{width: 100%;background-color: #2e3238;height: 33px;}
.quiz-bd div{float: left;text-align: center;height: 33px;line-height: 33px;cursor: pointer; }
.quiz-bs div{float: left;height: 33px;line-height: 33px;}
.blue-round{background: url("../img/quiz/jc-icon.png") no-repeat center;background-position: 0 -203px;width: 10px;height: 10px;float: left;margin: 20px 10px 0 20px;}
.quiz-bd .blue-round,.quiz-bs .blue-round{margin: 11px 10px 0 20px;}
.suppos{background: url("../img/quiz/jc-icon.png") no-repeat center;background-position: 0 -221px;width: 17px;height: 17px;float: right;margin: 15px 20px;}
.guess-rank-list{display:inline-block;width:25px;height:25px;text-align: center;line-height:23px;
  border:1px solid #474b50;background-color:#2e3238;color:#a8aaac;border-radius: 25px;}
.guess-rank-media{color:#a8aaac;background-color:#34393f;border-top:1px solid transparent;border-bottom:1px solid transparent;padding:10px 20px;}
.guess-rank-media.th-rank-media{padding: 0;}
.guess-rank-media > a{display:block;}
.guess-rank-media a{color:#D4D4D4;}
.guess-rank-media{color:#D4D4D4;}
.guess-rank-media[data-list="1"].history-rank-media,.guess-rank-media[data-list="2"].history-rank-media,.guess-rank-media[data-list="3"].history-rank-media{color:#a8aaac;}
.guess-rank-media a:hover{text-decoration: none;}
.guess-rank-media.even{background-color:#393f46;}
.guess-rank-media:hover{background-color:#40434d;border-top-color: #53555e;border-bottom-color:#2a2b32;}
.guess-rank-media[data-list="1"],.guess-rank-media[data-list="1"] a{color:#ff8800;}
.guess-rank-media[data-list="1"] .guess-rank-list{border-color:#ffa200;color:#ffa200;font-size:0;}
.guess-rank-media[data-list="1"] .guess-rank-list:before{display:inline-block;vertical-align: middle;content:"";width:12px;height:9px;background:url(../img/quiz/jc-icon.png) no-repeat -60px -1px;}
.guess-rank-media[data-list="2"],.guess-rank-media[data-list="2"] a{color:#e18d2d;}
.guess-rank-media[data-list="2"] .guess-rank-list{border-color:#e18d2d;color:#e18d2d;}
.guess-rank-media[data-list="3"],.guess-rank-media[data-list="3"] a{color:#8a745f;}
.guess-rank-media[data-list="3"] .guess-rank-list{border-color:#8a745f;color:#8a745f;}
.th-rank-media .th-height{padding: 12px 20px;}
.th-user-avatar{border-radius: 26px;margin-top: 1px;}
.guess-rank-avatar{border-radius: 100%;}
.status-normal {
  color: #ff6600;
}
.quiz-list li:hover {
  border-top: 1px solid #484c54;
  border-bottom: 1px solid #292b32;
}
.quiz-list li:hover .nav-list-head, .quiz-list li.active .nav-list-head {
  background-color: #363a45;
}
.quiz-list li:hover .nav-list-body, .quiz-list li.active .nav-list-body {
  background-color: #40434d;
}
.quiz-list li:hover .spinach-league-img img, .quiz-list li.active .spinach-league-img img {
  opacity: 0.6;
  //filter: alpha(opacity=0,finishopacity=60,style=1,startX=0,startY=0,finishX=50,finishY=0);
}
.quiz-list li:hover .opacity-b, .quiz-list li.active .opacity-b {
  background: -moz-linear-gradient(left,rgba(64,67,77,1),rgba(0,0,0,0) 70%);
  background: -webkit-linear-gradient(left,rgba(64,67,77,1),rgba(0,0,0,0) 70%);
}
.pl20{
  padding-left: 20px;
}
.vp-data-commonWrap{
  padding: 20px;
  background: #2e3238;
}
.quiz-light-rank{
  width: 290px;
}
.index-nav-head {
  width: 100%;
  height: 50px;
  background: #22252a;
  position: relative;
  line-height: 50px;
  padding-left: 40px;
  font-size: 12px;
}
.index-nav-head::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 20px;
  background: url("../img/vp-data/jc-icon.png") no-repeat center;
  background-position: 0 -203px;
  width: 10px;
  height: 10px;
}
.nav {
  background-color: transparent;
}
.nav-tabs {
  border-bottom: none;
}
.nav-tabs>li>a {
  margin-right: 0px;
}
.nav-tabs>li>a, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
  border: none;
  background: none
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  border: none;
  background: none;
  color: #14b9d7;
}
.vp-data-nav{
  height: 40px;
  border-bottom: 1px solid #8392a0;
  margin-bottom: 20px;
}
.vp-data-nav li a {
  float: left;
  display: block;
  height: 39px;
  line-height: 39px;
  margin-left: 69px;
  font-size: 14px;
  color: #fff;
  padding: 0 15px;
}
.vp-data-nav li:first-child a {
  margin-left: 30px;
}
.vp-data-nav li.active a {
  color: #14b9d6;
  border-bottom: 2px solid #14b9d6;
}
.vp-data-date{
  position: relative;
  padding: 15px 20px;
  background: #23252b;
}
.vp-data-date-list{
  font-size: 0;
  margin: 0 45px;
}
.vp-data-date-listItem{
  .date{
    font-size: 14px;
  }
  .weekday{
    font-size: 14px;
    margin-top: 7px;
  }
  a{
    text-decoration: none;
  }
}
.vp-data-date-list li{
  display: inline-block;
  background: #343841;
  width: 90px;
  height: 50px;
  border: 1px solid #3d424b;
  border-radius: 6px;
  text-align: center;
  font-size: 14px;
  padding: 6px 0;
  margin:0 20px 0 0;
}
.vp-data-date-list li a{
  color: #afb0b2;
}
.vp-data-date-list li:hover a{
  color: #14b9d6;
}
.vp-data-date-list li:last-child{
  margin-right: 0;
}
.vp-data-date-list li:hover,.vp-data-date-list li.active{
  border: 1px solid #3d424b;

}
.vp-data-datePrev{
  background: url(../img/league-icon.png) -7px -158px no-repeat;
  left: 20px;
  top: 25px;
}
.vp-data-datePrev:active, .vp-data-datePrev:focus, .vp-data-datePrev:hover {
  background-position: -43px -158px;
}
.vp-data-dateNext{
  background: url(../img/league-icon.png) -7px -190px no-repeat;
  right: 20px;
  top: 25px;
}
.vp-data-dateNext:active, .vp-data-dateNext:focus, .vp-data-dateNext:hover {
  background-position: -43px -190px;
}
.vp-data-datePrev,.vp-data-dateNext{
  position: absolute;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.vp-data-dateDetail{
  padding: 15px 20px;
  background: #3d424b;
  margin: 0;
  color: #cbcccc;
}
.vp-data-leftRed{
  position: relative;
  display: inline-block;
  padding-left: 44px;
  color: #de3d3e;
}
.vp-data-rightGreen{
  position: relative;
  display: inline-block;
  padding-right: 44px;
  color: #81a130;
}
.vp-data-approvalRed{
  position: absolute;
  font-size: 34px;
  left: 0;
  top: -12px;
  color: #656977;
}
.vp-data-approvalGreen{
  position: absolute;
  font-size: 34px;
  right: 0;
  top: -12px;
  color: #656977;
}
.vp-quiz-left.quiz-list {
  width: 770px;
  background-color: #2e3238;
}
#quiz-list{
  li{
    & + li{
      margin-top: 20px;
    }
  }
}
.vp-data-approvalRed.active{
  color: #de3d3e;
}
.vp-data-approvalGreen.active{
  color: #81a130;
}
.vp-data-dateDetail i{
  font-size: 12px;
  color: #e9e9e9;
}
.vp-data-dateDetail .vp-data-theweekday{
  margin-left: 0;
}
.vp-data-dateDetail span{
  display: inline-block;
  font-size: 12px;
  margin-left: 10px;
  margin-right: 4px;
  color: #cbcccc;
}
.vp-data-timeStart{
  color: #848587;
  margin-left: 4px;
}
.vp-data-analysisBefore a,.vp-data-gameGuess a{
  display: block;
  border: 1px solid #14b9d6;
  color: #14b9d6;
  width: 62px;
  line-height: 24px;
  text-align: center;
}
.vp-data-analysisBefore a:hover,.vp-data-gameGuess a:hover{
  background: rgba(69,73,84,0.4);
}
.vp-data-gameOperate li{
  width: 62px;
  margin: 0 auto 8px;
  border: none;
}
.vp-data-gameOperate li:last-child{
  margin-bottom: 0;
}
.vp-data-gameOperate li:hover{
  border: none;
}
.vp-data-gameOperate a{
  color: #14b9d6;
  text-decoration: none;
}
.vp-data-bo{
  color: #ee4e10;
}
.vp-data-score{
  color: #d1d2d3;
  font-size: 16px;
  font-weight: bold;
}
.vp-data-gameOperateWrap{
  display: table;
  position: absolute;
  height: 100px;
  right: 60px;
  top: 40px;
}
.vp-data-gameOperate{
  display: table-cell;
  width: 62px;
  vertical-align: middle;
}
.vp-data-gameDetail{
  padding: 15px 20px;
  color: #a8a9ab;
  background: #3d424b;
  margin: 0;
  text-align: left;
}
.vp-data-todayEvent{
  padding: 10px 20px;
  background: #31343c;
  color: #d1d2d3;
}
.vp-data-todayEvent-vs{
  float: left;
  width: 110px;
  display: table;
  vertical-align: middle;
  text-align: center;
  height: 42px;
  color: #d84915;
}
.vp-data-todayEvent-vs .td{
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
}
.vp-data-todayEvent-redLeft{
  position: absolute;
  left: -16px;
  top: 4px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d84915;
}
.vp-data-todayEvent-greenRight{
  position: absolute;
  left: -16px;
  top: 4px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #81a130;
}
.vp-data-todayEvent-teamName{
  position: relative;
  margin-top: 9px;
  span{
    display: inline-block;
    max-width: 100%;
    text-align: center;
  }
}
.vp-data-w70{
  width: 70px;
}
.spinach-item-intro{
  display: inline-block;
  text-align: center;
  max-width: 100%;
}
.vp-data-todayEvent-bo{
  color: #d1d2d3;
  font-size: 14px;
}
.vp-data-todayEvent-approval{
  height: 76px;
  padding: 13px 20px 9px;
  background: #23252b;
  position: relative;
}
.thesumoflike{
  display: inline-block;
  width: 49px;
  margin-bottom: -1px;
}
.vp-data-todayEvent-approval:before{
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 9px 8px;
  border-color: transparent transparent #23252b transparent;
  top: -9px;
  left: 50%;
  content: "";
  margin-left: -9px;
}
.vp-data-todayEvent-approvalVsWrap{
  position: relative;
  padding: 0 57px;
}
.vp-data-todayEvent-approvalRed,.vp-data-todayEvent-approvalGreen{
  position: absolute;
  top: 0;
  font-size: 14px;
}
.vp-data-todayEvent-approvalRed{
  left: 0;
  line-height: 40px;
  color: rgba(209, 210, 211, 0.45);
}
.vp-data-todayEvent-approvalGreen{
  right: 0;
  line-height: 40px;
  color: rgba(209, 210, 211, 0.45);
}
.vp-data-todayEvent-approvalLeft,
.vp-data-todayEvent-approvalVs,
.vp-data-todayEvent-approvalRight{
  text-align: center;
}
.vp-data-todayEvent-approvalLeft{
  color: #d84915;
  position: absolute;
  left: 0;
  top: 50%;
  line-height: 1;
  margin-top: -17px;
  p{
    position: absolute;
    width: 100px;
    text-align: center;
    left: 50%;
    margin-left: -50px;
    margin-top: 7px;
  }
}
.vp-data-todayEvent-approvalRight{
  color: #81a130;
  position: absolute;
  right: 0;
  top: 50%;
  line-height: 1;
  margin-top: -17px;
  p{
    position: absolute;
    width: 100px;
    text-align: center;
    left: 50%;
    margin-left: -50px;
    margin-top: 7px;
  }
}
.vp-data-todayEvent-vsWrap{
  padding: 0 50px;
  position: relative;
  text-align: center;
}
.vp-data-todayEvent-approvalLeft i,
.vp-data-todayEvent-approvalRight i{
  font-size: 34px;
}
.vp-data-todayEvent-approvalVs{
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
  color: rgba(209, 210, 211, 0.45);
}
.todayEvent-list-link{
  display: inline-block;
  padding: 15px 20px;
  background-color: #2e3238;
  width: 100%;
  border-bottom: 1px solid #393f46;
  color: #d1d2d3;
  line-height: 25px;
  text-align: left;
  &:hover{
    text-decoration: none;
  }
}
.todayEvent-list-link:hover{
  color: #14b9d6;
}
.todayEvent-list-Item:last-child{
  margin-bottom: 20px;
}
.todayEvent-list-link b{
  display: inline-block;
  width: 7px;
  height: 3px;
  background: #5f6267;
  vertical-align: middle;
  margin-right: 11px;
}
.todayEvent-list-link i{
  float: right;
  color: #5f6267;
}
.vp-data-recentRate-title{
  padding: 10px 23px;
  background: #3d424b;
  margin: 0;
}
.vp-data-recentRate-title p:first-child{
  margin-right: 80px;
}
.vp-data-recentRate-title p:last-child{
  margin-left: 92px;
}
.vp-data-rank-avatar{
  width: 50px;
  height: 32px;
  border-radius: 3px;
}
.vp-data-rank{
  padding-right: 32px;
}
.vp-data-rank-content{
  text-align: left;
}

.vp-data-rank-contentRight{
  width: 42px;
}
.vp-data-rank-content h4{
  font-size: 12px;
}
.vp-data-rank-body{
  width: 91px;
}
.guess-rank-media[data-list="1"], .guess-rank-media[data-list="1"] a,
.guess-rank-media[data-list="2"], .guess-rank-media[data-list="2"] a,
.guess-rank-media[data-list="3"], .guess-rank-media[data-list="3"] a{
  color: #a8aaac;
}
.guess-rank-media[data-list="1"] .guess-rank-list {
  border-color: #474b50;
}
.guess-rank-media[data-list="2"] .guess-rank-list {
  border-color: #474b50;
  color: #ff6616;
}.guess-rank-media[data-list="3"] .guess-rank-list {
   border-color: #474b50;
   color: #ff6616;
 }
.vp-data-spinach-itemName{
  line-height: 16px;
}
.vp-data-spinach-item .vp-data-spinach-itemName{
  padding: 6px 0 20px;
  line-height: 14px;
}
/*比赛数据*/
.gameData-head-addrList{
  font-size: 0;
  background: #23252b;
}
.gameData-head-addrList-item{
  font-size: 12px;
}
.gameData-head-addrList-item i{
  font-size: 16px;
}
.gameData-head-addrList-item a{
  color: #afb0b2;
}
/*面包屑导航*/
$bg-gray 			    : #23252b;
$blue-gray-darken 	: #2c3e50;
$blue 				      : #31353b;
$even-gray 		    : #292b31;

*{
  margin: 0;
  padding: 0;
  font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
  font-size: 12px;
}
.f0{
  font-size: 0;
}
body{
  text-align: center;
  background-color: $bg-gray;
}

h1{
  font-weight:100;
  font-size:32px;
  padding:40px;
  color:#fff;
}

#breadcrumb{
  list-style:none;
  width: 100%;

  .icon{
    font-size: 16px;
  }

  li{
    float:left;
    a{
      color:#afb0b2;
      display:block;
      background: $blue;
      text-decoration: none;
      position:relative;
      height: 30px;
      line-height:30px;
      text-align: center;
      margin-right: 30px;
      padding-right: 15px;
    }
    .breadcrumb-second{
      background-color: $even-gray;

      &:before{
        border-color:$even-gray;
        border-left-color:transparent;
      }
      &:after{
        border-left-color:$even-gray;
      }
    }
    &:first-child{
      a{
        padding-left: 20px;
        &:before{
          border:none;
        }
      }
    }
    &:last-child{
      a{
        padding-right:20px;
        background: #23252b;
        &:after{
          border:none;
        }
      }
    }
    a{
      &:before,
      &:after{
        content: "";
        position:absolute;
        top: 0;
        border: 15px solid $bg-gray;
        width: 0;
        height: 0;
      }
      &:before{
        left:-30px;
        border-left-color:transparent;
      }
      &:after{
        left:100%;
        border-color:transparent;
        border-left-color:$blue;
      }
      &:hover{
        color: #14b9d6;
      }
    }
  }
}
/*gameData-vsTeam*/
.gameData-vsTeam{
  padding: 30px 0 35px;
  background: #2e3238;
}
.gameData-vsTeam-detail{
  position: relative;
  width: 419px;
  height: 77px;
  margin: 0 auto;

}
.gameData-vsTeam-left,
.gameData-vsTeam-right{
  width: 460px;
}
.gameData-vsTeam-vs{
  width: 160px;
  padding-top: 20px;
}
.gameData-vsTeam-vs-score{
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  span{
    &:first-child{
      margin-right: 25px;
    }
    & + span{
      margin-left: 25px;
    }
  }
}
.gameData-vsTeam-left-intro{
  margin-right: 148px;
}
.gameData-vsTeam-right-intro{
  font-size: 0;
  margin-left: 152px;
}
.gameData-vsTeam-timeStart{
  line-height: 12px;
  margin-bottom: 16px;
}
.gameData-vsTeam-left-intro span,
.gameData-vsTeam-right-intro span{
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
}
.gameData-vsTeam-left-intro p,
.gameData-vsTeam-right-intro p{
  line-height: 14px;
  padding-top: 18px;
  padding-bottom: 15px;
}
.left-green-line{
  height: 3px;
  width: 50%;
  background: #90b526;
}
.right-red-line{
  height: 3px;
  width: 50%;
  background: #d9383e;
}
/*第几局分页*/
.gameData-mainData-roundNav{
  display: inline-block;
  height: 50px;
  margin: 0 auto;
  text-align: center;
}
.gameData-mainData-roundNav>li:last-child{
  margin-right: 0;
}
.gameData-mainData-roundNav>li>a{
  width: 110px;
  line-height: 50px;
  height: 50px;
  padding: 0;
  color: #afb0b2;
}
.gameData-mainData-roundNav>li.active>a,
.gameData-mainData-roundNav>li.active>a:hover,
.gameData-mainData-roundNav>li.active>a:focus {
  line-height: 50px;
  background: #393f46;
  padding: 0;
  border-radius: 0;
}
.gameData-mainData-roundNav>li>a:hover,
.gameData-mainData-roundNav>li>a:focus {
  color: #14b9d6;
  line-height: 50px;
  height: 50px;
  padding: 0;
}
/*分页内容*/
.gameData-mainData-gameIntro{
  width: 100%;
  height: 45px;
  line-height: 45px;
  background: #393f46;
  padding: 0 20px;
}
.gameData-mainData-gameIntro-gameScore{
  position: relative;
  height: 45px;
  margin: 0 300px;
  text-align: center;
}
.gameData-mainData-gameIntro-gameScore p:first-child{
}
.gameData-mainData-gameIntro-gameScore p{
  font-size: 14px;
  color: #fff;
}
.ib{
  display: inline-block;
}
.team-name-score{
  display: inline-block;
  position: relative;
  text-align: center;
  padding: 0 20px;
  .left-team-name{
    display: inline-block;
    position: absolute;
    top: 0;
    right: 100%;
    max-width: 180px;
    text-align: right;
    color: #afb0b2;
  }
  .right-team-name{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 100%;
    max-width: 180px;
    text-align: left;
    color: #afb0b2;
  }
}
.gameData-mainData-gameIntro-gameForm span,
.gameData-mainData-gameIntro-gameTime span{
  color: #7d7e82;
  margin-right: 8px;
}
.gameData-mainData-gameIntro-gameTime span:last-child{
  margin-left: 29px;
}
.gameData-mainData-BPandAmazingTime{
  background: #2a2d32;
  padding: 20px;
}
.BPandAmazingTime-nav-head{
  width: 100%;
  height: 40px;
  background: #34383e;
  position: relative;
  line-height: 40px;
  padding-left: 37px;
  font-size: 12px;
}
.BPandAmazingTime-nav-head:before {
  content: "";
  position: absolute;
  left: 18px;
  top: 14px;
  background: url("../img/quiz/jc-icon.png") no-repeat center 0 -203px;
  width: 10px;
  height: 10px;
}
.gameData-mainData-radiantWrap,
.gameData-mainData-direWrap{
  padding: 43px 20px 52px;
  background: #34383e;
}
.radiantLabel,
.direLabel{
  display: inline-block;
  position: relative;
  width: 40px;
  text-align: center;
  padding-bottom: 10px;
  color: #8ab71b;
  border-bottom: 1px solid #8ab71b;
}
.direLabel{
  color: #dd3c3d;
  border-bottom: 1px solid #dd3c3d;

}
.gameData-mainData-banpick{
  background: #34383e;
  padding-left: 10px;
}
.gameData-mainData-banpick-list li{
  float: left;
  position: relative;
  margin-right: 2px;
  height: 70px;
}
.gameData-mainData-banpick-list li b{
  position: relative;
  top: 50%;
  left: 0;
  display: block;
}
.gameData-mainData-banpick-list li.ban .hero{
  opacity: .3;
  filter: alpha(opacity=30);
}
.gameData-mainData-banpick-list li.ban b{
  width: 32px;
  height: 2px;
  background: #dd3c3d;
}
.gameData-mainData-banpick-list li.pick b{
  width: 66px;
  height: 3px;
  background: #8ab71b;
}
.gameData-mainData-banpick-list li.ban b:after{
  border-color: #dd3c3d;
}
.gameData-mainData-banpick-list li.pick b:after{
  border-color: #8ab71b;
}
.gameData-mainData-banpick-list li.radiant .hero{
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -16px;
}
.gameData-mainData-banpick-list li.dire .hero{
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -16px;
}
.gameData-mainData-banpick-list li.radiant b:after{
  position: absolute;
  content: "";
  bottom: 100%;
  left: 50%;
  margin-left: -5.5px;
  border-style: solid;
  border-width: 0 5.5px 6px 5.5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;

}
.gameData-mainData-banpick-list li.dire b:after{
  position: absolute;
  content: "";
  top: 100%;
  left: 50%;
  margin-left: -5.5px;
  border-style: solid;
  border-width: 6px 5.5px 0 5.5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.radiant-player-detail{
  position: absolute;
  top: -91px;
  left: 50%;
  margin-left: -65px;
  width: 130px;
  height: 66px;
  border-radius: 5px;
  background: #424650;
  padding: 8px 0 8px 8px;
}
.radiant-player-detail:after{
  position: absolute;
  content: "";
  border-style: solid;
  border-color: #424650 transparent transparent transparent;
  border-width: 7px 8px 7px 8px;
  top: 100%;
  left: 50%;
  margin-left: -8px;
}
.dire-player-detail{
  position: absolute;
  bottom: -91px;
  left: 50%;
  margin-left: -65px;
  width: 130px;
  height: 66px;
  border-radius: 5px;
  background: #424650;
  padding: 8px 0 8px 8px;
}
.dire-player-detail:after{
  position: absolute;
  content: "";
  border-style: solid;
  border-color: transparent transparent #424650 transparent;
  border-width: 7px 8px 7px 8px;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
}
.player-detail-avatar img{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 7px;
}
.player-detail-playerName{
  color: #d6d6d6;
  width: 50px;
}
.player-detail-intro{
  line-height: 17px;
  color: #85868a;
}
.eg-player-name{
  &.dota2-pro{
    .pro-label{
      display: block;
      width: 58px;
      height: 11px;
      line-height: 11px;
      background: #db6012;
      border-radius: 5px;
      color: #ffe19a;
      font-size: 12px;
      span{
        display: inline-block;
        height: 11px;
        -webkit-transform: scale(0.75);
        margin-left: -3px;
      }
    }
  }
}
.eg-player-equipment{
  text-align: left;
  img{
    width: 40px;
    height: 33px;
    background: url("../img/vp-data/team-data/team-data-hero.png");
  }
}
.gameData-mainData-banpick-list li:last-child .dire-player-detail{
  position: absolute;
  bottom: -91px;
  left: 4%;
  margin-left: -65px;
  width: 130px;
  height: 66px;
  border-radius: 5px;
  background: #424650;
  padding: 8px 0 8px 8px;
}
.gameData-mainData-banpick-list li:last-child .dire-player-detail:after{
  left: 74%;
  margin-left: -8px;
}
.heroList-item-restraint-img{
  margin: 0 auto 3px;
  width: 22px;
  height: 18px;
  background: url("../img/vp-data/kezhi.png") no-repeat center;
}
.heroList-item-restraint{
  margin: 0 70px;
}
.gameData-mainData-heroList-item{
  width: 200px;
  height: 63px;
  padding: 15px 10px;
  background: #34383e;
}
.gameData-mainData-heroList li + li{
  margin-left: 10px;
}
.gameData-mainData-amazingTime{
  background: #2e3238;
  padding: 20px 0;
}
.gameData-mainData-amazingTime-top{
  width: 1040px;
  height: 38px;
  line-height: 38px;
  background: #3e424c;
  border-radius: 4px;
  margin: 0 auto;
}
.gameData-mainData-amazingTime-bottom{
  position: relative;
  height: 37px;
  margin: 50px 39px 42px 35px;
  padding-left: 36px;
  b{
    display: inline-block;
    position: absolute;
    left: 36px;
    top: 17px;
    width: 929px;
    height: 4px;
    background: #3c434a;
  }
  li{
    position: absolute;
    float: left;
    color: #565f69;
    height: 37px;
    width: 33px;
    top: 10px;
    text-align: center;
    &:hover{
      cursor: pointer;
    }
    &.blood:hover{
      i{
        color: #d63737;
      }
      span{
        color: #adadaf;
      }
    }
    &.jisha:hover{
      i{
        color: $themeBlue;
      }
      span{
        color: #adadaf;
      }
    }
    &.roushan:hover{
      i{
        color: #ed5900;
      }
      span{
        color: #adadaf;
      }
    }
    i{
      line-height: 16px;
      left: 0;
      top: 0;
    }
    span{
      display: inline-block;
      position: absolute;
      line-height: 12px;
      left: 0;
      bottom: 0;
    }
    &.time{
      position: absolute;
      left: 0;
      top: 0;
      height: 37px;
      line-height: 37px;
      color: #afb0b2;
      text-align: left;
    }
    &+ .time{
      left: 975px;
    }
  }

}
.direColor{
  color: #d9383e;
}
.vsColor{
  color: #717a89;
}
.highlightJisha{
  color: #14b9d6;
}
.highlightBlood{
  color: #d63737;
}
.highlightRoushan{
  color: #ed5900;
}
.iconTips{
  margin-right: 16px;
}
.iconTips i{
  margin-left: 47px;
  margin-right: 8px;
}

.vp-data-playerList{
  .team,.player{
    width: 431px;
    height: 89px;
    padding-top: 11px;
    background: url("../img/vp-data/vp-data-bg.png") no-repeat 0px -222px;
  }
  .player{
    margin-top: 8px;
    &.active{
      width: 470px;
      background: url("../img/vp-data/vp-data-bg.png") no-repeat 0px -310px;
    }
    &:hover{
      width: 470px;
      background: url("../img/vp-data/vp-data-bg.png") no-repeat 0px -310px;
    }
  }
}
.team{
  li{
    float: left;
    &:first-child{
      width: 27px;
      height: 67px;
      background: url("../img/vp-data/vp-data-bg.png") no-repeat 0px -60px;
      padding: 23px 0 0 2px;
      margin-right: 37px;
      div{
        width: 1.5em;
        line-height: 12px;
        color: #afb0b2;
      }
    }
  }
  .leftTeam,
  .rightTeam{
    img{
      width: 66px;
      height: 66px;
      border-radius: 50%;
    }
  }
  .leftTeam{
    margin-right: 164px;
  }
}
.player{
  li{
    float: left;
    &:first-child{
      width: 27px;
      height: 67px;
      background: url("../img/vp-data/vp-data-bg.png") no-repeat 0px -60px;
      padding: 13px 0 0 2px;
      margin-right: 13px;
      div{
        width: 1.5em;
        line-height: 12px;
        color: #afb0b2;
      }
    }
  }
  .leftData{
    width: 125px;
    height: 72px;
    margin-right: 100px;
    .leftData-top{
      position: relative;
      width: 100%;
      height: 50px;
      background: url("../img/vp-data/leftPlayer-bg.png");
      .leftData-player{
        position: absolute;
        left: 0;
        top: 0;
        width: 50px;
        height: 50px;
        border: 1px solid #212328;
        border-radius: 50%;
      }
      .leftData-hero{
        position: absolute;
        right: 0;
        top: 2px;
        width: 46px;
        height: 46px;
        border: 1px solid #212328;
        border-radius: 50%;
      }

    }
  }
  .rightData{
    width: 128px;
    height: 72px;
    .rightData-top{
      width: 100%;
      height: 50px;
      background: url("../img/vp-data/rightPlayer-bg.png");
      position: relative;
      .rightData-player{
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        border: 1px solid #212328;
        border-radius: 50%;
      }
      .rightData-hero{
        position: absolute;
        left: 0;
        top: 2px;
        width: 46px;
        height: 46px;
        border: 1px solid #212328;
        border-radius: 50%;
      }
    }
  }
}
.detail-game-table {
  .eg-player{
    padding-left: 12px;
    width: 180px;
  }
  .eg-player-img{
    width: 59px;
    height: 33px;
    border: none;
  }
  .eg-player-name{
    margin-left: 69px;
    padding-top: 0;
  }
}
.vp-data-detailData>tbody>tr.even>td{
  background: #393e46;
}
.vp-data-detailData>tbody>tr>td{
  border-bottom: 1px solid #2e3238;
}
/*出装顺序*/
.vp-data-equipmentOrderNav{
  height: 50px;
}
.vp-data-equipmentOrderNav>li{
  width: 70px;
  height: 50px;
  margin-right: 60px;
}
.vp-data-equipmentOrderNav>li>a{
  width: 70px;
  line-height: 12px;
  padding: 18px 0;
}
.vp-data-equipmentOrderNav>li>a:hover,
.vp-data-equipmentOrderNav>li>a:focus{
  border-bottom: 2px solid $themeBlue;
  padding: 18px 0;
  color: $themeBlue;
}
.vp-data-equipmentOrderNav>li.active>a,
.vp-data-equipmentOrderNav>li.active>a:hover,
.vp-data-equipmentOrderNav>li.active>a:focus{
  border-bottom: 2px solid $themeBlue;
}
.equipment-order{
  width: 100%;
  background: #2e3238;
  height: 650px;
}
.equipment-order-list{
  position: relative;
  height: 290px;
  li{
    position: relative;
    top: -29px;
    width: 934px;
    height: 57.6px;
    line-height: 57.6px;
    margin-left: 144px;
    p{
      position: absolute;
      left: 0;
      margin-top: 29px;
      height: 57.6px;
    }
    &.green{
      border-bottom: 1px solid #4c5744;
    }
    &.red{
      border-bottom: 1px solid #554347;
    }
    .equipment-order-list-hero{
      width: 144px;
      height: 57.6px;
      margin-left: -144px;
      img{
        width: 50px;
        height: 28px;
        margin-right: 5px;
      }
      &.green{
        span{
          color: #8ab71b;
        }
      }
      &.red{
        span{
          color: #dd3c3d;
        }
      }
    }
    .equipment{
      position: absolute;
      span{
        display: inline-block;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        font-size: 12px;
        line-height: 12px;
        height: 12px;
      }
    }
  }
  &.green{
    background: -ms-linear-gradient(right,rgba(50,64,35,1),rgba(55,65,47,1) 100%);
    background: -moz-linear-gradient(right,rgba(50,64,35,1),rgba(55,65,47,1) 100%);
    background: -webkit-linear-gradient(right,rgba(50,64,35,1),rgba(55,65,47,1) 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#23252b',endColorStr='#19000000',gradientType='1');
    border: 1px solid #42532d;
    li{
      border-bottom: 1px solid #4c5744;
      .equipment-order-list-hero{
        border-right: 1px solid #4c5744;
      }
    }
  }
  &.red{
    background: -ms-linear-gradient(right,rgba(76,50,55,1),rgba(66,45,50,1) 100%);
    background: -moz-linear-gradient(right,rgba(76,50,55,1),rgba(66,45,50,1) 100%);
    background: -webkit-linear-gradient(right,rgba(76,50,55,1),rgba(66,45,50,1) 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#23252b',endColorStr='#19000000',gradientType='1');
    border: 1px solid #55353a;
    li{
      border-bottom: 1px solid #554347;
      .equipment-order-list-hero{
        border-right: 1px solid #554347;
      }
    }
  }
}
.equipment-order-timeLine{
  height: 70px;
  width: 100%;
  h6{
    width: 891px;
    position: relative;
    border-bottom: 1px solid #1f7485;
    margin: 0 0 0 144px;
    padding-top: 35px;
    p{
      width: 144px;
      height: 70px;
      line-height: 70px;
      position: absolute;
      left: 0;
      top: 0;
      margin-left: -143px;
      border-right: 1px solid #414348;
    }
    .timeLine-start{
      position: absolute;
      left: -52px;
      top: 30px;
    }
    .timeLine-end{
      position: absolute;
      right: -40px;
      top: 30px;
    }
  }
}


/*战队数据*/
/*头部战队信息*/
.team-data-teamIntro{
  .team-data-teamIntro-teamLogo{
    img{
      width: 152px;
      height: 92px;
      border-radius: 4px;
      margin-right: 13px;
    }
  }
}
.team-data-teamIntro-teamName{
  position: relative;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  color: #fefefe;
  font-weight: bold;
  padding-right: 25px;
  margin-right: 6px;
  i{
    position: absolute;
    right: 0;
    top: 10px;
    display: inline-block;
    width: 17px;
    height: 12px;
    background-image: url("../img/country.png");
    &.country-cn{
      background-position: -18px -1px;
    }
  }
}
.team-data-teamIntro-teamHistory{
  font-size: 12px;
  color: rgba(254,254,254,0.3);
}
/*头部战队信息排名*/
.font-yellow{
  color: #eac223;
}
.font-blue{
  color: #00aecb;
}
.font-orange{
  color: #ff5d2b;
}
.font-green{
  color: #90b526;
}
.font-red{
  color: #fa3838;
}
.team-data-rankingList{
  padding-top: 20px;
  li:first-child{
    display: inline-block;
    .separate-border{
      display: none;
      vertical-align: top;
      height: 41px;
      margin-left: 16px;
      border-right: 1px solid #3a4148;
    }
    .world-ranking{
      display: inline-block;
      color: #fff;
      p:first-child{
        font-size: 12px;
        line-height: 12px;
        vertical-align: top;
        margin-bottom: 15px;
      }
      .world-ranking-detail{
        font-weight: bold;
        font-size: 20px;
        line-height: 20px;
      }
    }
  }
  li + li{
    margin-left: 22px;
    display: inline-block;
    .separate-border{
      display: inline-block;
      vertical-align: top;
      height: 41px;
      margin-right: 16px;
      border-right: 1px solid #3a4148;
    }
    .world-ranking{
      display: inline-block;
      color: #fff;
      p:first-child{
        font-size: 12px;
        line-height: 12px;
        vertical-align: top;
        margin-bottom: 15px;
      }
      .world-ranking-detail{
        font-weight: bold;
        font-size: 20px;
        line-height: 20px;
      }
    }
  }
}
.team-data-teamPlayers-img{
  position: relative;
  display: inline-block;
  padding: 22px 20px;
  li{
    display: inline-block;
    img{
      width: 52px;
      height: 52px;
      border-radius: 50%;
    }
    p{
      margin-top: 8px;
    }
  }
  li + li{
    margin-left: 25px;
  }
}
.players-wrap{
  position: relative;
  text-align: center;
}
.border-bg-left{
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  min-width: 500px;
  position: absolute;
  left: 100%;
  top: 44%;
}
.border-bg-right{
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  min-width: 500px;
  position: absolute;
  right: 100%;
  top: 44%;
}
.team-data-teamText{
  width: 455px;
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  color: rgba(254, 254, 254, 0.3);
  margin-top: 13px;
}
.team-data-teamPlayers{
  span{
    display: table-cell;
    width: 10000px;
    vertical-align: middle;
    hr{
      border-top: 1px solid rgba(255,255,255,.1);
    }
  }
}
.team-data-teamAllData-list{
  padding: 27px 39px 30px 38px;
  li{
    display: inline-block;
    .ranking-title{
      color: rgba(255,255,255,0.3);
      line-height: 12px;
    }
    .ranking-detail{
      color: #fff;
      font-size: 14px;
      line-height: 14px;
      margin-top: 18px;
      &.usual{
        color: #afb0b2;
      }
    }
  }
  li + li{
    margin-left: 53px;
  }
}
/*战队数据*/
.team-data-gameTitle{
  position: relative;
  display: inline-block;
  padding: 0 490px;
  color: #afb0b2;
  margin-bottom: 26px;
  b{
    display: inline-block;
    position: absolute;
    width: 490px;
    height: 2px;
    background: #33373a;
    top: 50%;
    &:first-child{
      left: -23px;
    }
    & + b{
      right: -23px;
    }
  }
}
/*标签页*/
.team-data-nav-tabs{
  height: 50px;
  width: 100%;
  background: #3a3f46;
  text-align: center;
  padding: 0 120px 0 111px;
  border-bottom: none;
}
.team-data-nav-tabs{
  height: 50px;
}
.team-data-nav-tabs>li + li{
  margin-left: 97px;
}
.team-data-nav-tabs>li>a{
  width: 60px;
  height: 50px;
  color: rgba(255,255,255,.5);
  padding: 17px 0;
  background: transparent;
  margin-right: 0;
}
.team-data-nav-tabs>li.active>a,
.team-data-nav-tabs>li>a:hover,
.team-data-nav-tabs>li.active>a:hover,
.team-data-nav-tabs>li>a:focus,
.team-data-nav-tabs>li.active>a:focus,
.team-data-nav-tabs>li>a:visited,
.team-data-nav-tabs>li.active>a:visited{
  color: #14b9d6;
  background: transparent;
  border-bottom: 2px solid #14b9d6;
}
/*近期胜率曲线*/
.team-data-recentRateCurve{
  width: 711px;
  height: 319px;
  background: #2b3035;
}
.team-data-recentRateCurve-title{
  margin: 24px 0 20px;
  color: #b5bdce;
  i{
    margin-right: 8px;
    margin-bottom: -2px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("../img/vp-data/team-data/team-data-icon.png") no-repeat 0 0;
  }
}
.team-data-recentRateCurve-tabs{
  border: none;
  background: transparent;
  height: 30px;
  display: inline-block;
}
.team-data-recentRateCurve-tabs>li>a{
  width: 110px;
  height: 30px;
  line-height: 12px;
  border: 1px solid #434951;
  border-radius: 20px;
  background: #2e3238;
  color: #a9aaac;
  padding: 8px 29px;
  margin-right: 0;
}
.team-data-recentRateCurve-tabs>li.active>a,
.team-data-recentRateCurve-tabs>li>a:hover,
.team-data-recentRateCurve-tabs>li.active>a:hover,
.team-data-recentRateCurve-tabs>li>a:focus,
.team-data-recentRateCurve-tabs>li.active>a:focus,
.team-data-recentRateCurve-tabs>li>a:visited{
  background: #207586;
  border: 1px solid #16aec9;
  color: #fff;
}
.team-data-recentRateCurve-tabs>li + li{
  margin-left: 20px;
}

/*能力评估*/
.team-data-capabilityAssessment{
  width: 348px;
  height: 319px;
  background: #2b3035;
}
.team-data-capabilityAssessment-title{
  margin: 24px 0 20px;
  color: #b5bdce;
  i {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -3px;
    width: 18px;
    height: 18px;
    background: url("../img/vp-data/team-data/team-data-icon.png") no-repeat -18px -68px;
  }
}
/*打法风格*/
.team-data-styleOfPlay{
  padding: 20px;
  background: #2b3035;
}
.team-data-styleOfPlay-title{
  margin: 0 0 27px 0;
  color: #b5bdce;
  i{
    display: inline-block;
    width: 20px;
    height: 19px;
    background: url("../img/vp-data/team-data/team-data-icon.png") no-repeat 2px -16px;
    margin-bottom: -1px;
    margin-right: 8px;
  }
}
.team-data-styleOfPlay-textIntro{
  margin-bottom: 2px;
}
.team-data-styleOfPlay-list{
  li{
    display: inline-block;
    width: 227px;
    color: #d5d5e1;
    & + li{
      margin-left: 44px;
    }
    b{
      display: inline-block;
      width: 56px;
      height: 10px;
      background: #424851;
      & + b{
        margin-left: 1px;
      }
      &.red{
        background: #ad3d3f;
      }
      &.yellow{
        background: #92a64d;
      }
      &.blue{
        background: #14b9d6;
      }
      &.purple{
        background: #4d779d;
      }
    }
  }
}
/*三种比例*/
.team-data-threeRate-list{
  li{
    float: left;
    width: 346px;
    height: 309px;
    background: #2b3035;
    & + li{
      margin-left: 20px;
    }
    &:hover{
      background: #373c42;
      border-top: 1px solid #4b4f55;
    }
  }
}
.team-data-economicRate-title{
  color: #d5d5e1;
  margin: 34px 0 40px;
  i{
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -2px;
    width: 15px;
    height: 17px;
    background: url("../img/vp-data/team-data/team-data-icon.png") no-repeat -1px -35px;
  }
}
.team-data-hurtRate-title{
  color: #d5d5e1;
  margin: 34px 0 40px;
  i{
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -2px;
    width: 16px;
    height: 16px;
    background: url("../img/vp-data/team-data/team-data-icon.png") no-repeat 0 -54px;
  }
}
.team-data-killRate-title{
  color: #d5d5e1;
  margin: 34px 0 40px;
  i{
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -2px;
    width: 16px;
    height: 16px;
    background: url("../img/vp-data/team-data/team-data-icon.png") no-repeat -1px -73px;
  }
}
/*英雄战绩和眼位分析*/
.team-data-heroRecord{
  width: 515px;
  height: 365px;
  background: #2b3035;
  padding: 0  20px 20px 20px;
}
.team-data-heroRecord-title{
  margin: 27px 0 0;
  padding-bottom: 23px;
  border-bottom: 1px solid #393e46;
  color: #d5d5e1;
  span{
    font-weight: bold;
    &.blue{
      color: #14b9d6;
    }
    &.red{
      color: #c44b4c;
    }
  }

}
/*眼位分析*/
.team-data-eyeAnalysis{
  width: 547px;
  height: 365px;
  background: #2b3035;
  padding: 0 20px 20px 20px;
}
.team-data-eyeAnalysis-title{
  margin: 27px 0 24px;
  color: #d5d5e1;
  i{
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 0;
    width: 17px;
    height: 11px;
    background: url("../img/vp-data/team-data/team-data-icon.png") no-repeat -19px -2px;
  }
}
.team-data-eyeAnalysis-mapWrap{
  width: 100%;
  height: 282px;
  background: #34393f;
}
.team-data-eyeAnalysis-map{
  width: 289px;
  height: 282px;
}
.team-data-eyeAnalysis-rightTabs{
  padding: 20px 53px 20px 55px;
  li{
    & + li{
      margin-top: 23px;
    }
  }
}
.team-data-eyeAnalysis-rightTabs>li>a{
  display: inline-block;
  width: 110px;
  height: 30px;
  line-height: 12px;
  padding: 8px 0;
  border: 1px solid #494f58;
  background: #2e3238;
  border-radius: 20px;
  color: #a9aaac;
  text-decoration: none;
}
.team-data-eyeAnalysis-rightTabs>li>a:hover,
.team-data-eyeAnalysis-rightTabs>li>a:focus,
.team-data-eyeAnalysis-rightTabs>li>a:active,
.team-data-eyeAnalysis-rightTabs>li.active>a:hover,
.team-data-eyeAnalysis-rightTabs>li.active>a:focus,
.team-data-eyeAnalysis-rightTabs>li.active>a:active{
  background: #24798b;
  border-color: #14b9d6;
  color: #fff;
}
/*常用英雄组合*/
.team-data-heroCombination{
  padding: 20px;
  background: #2b3035;
}
.team-data-heroCombination-title{
  margin: 0 0 14px 0;
  color: #d5d5e1;
  padding-left: 16px;
  i{
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -4px;
    width: 19px;
    height: 16px;
    background: url("../img/vp-data/team-data/team-data-icon.png") no-repeat -19px -15px;
  }
}
.team-data-heroCombination > thead > tr > th {
  height: 45px;
  vertical-align: middle;
  background-color: #34393f;
  color: #8d8f91;
  font-weight: 500;
  border-bottom: none;
  text-align: center;
}
.team-data-heroCombination > tbody > tr.even > td{
  background-color: #34393f;
}

.team-data-heroCombination > tbody > tr > td {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background-color: #393f46;
  vertical-align: middle;
}
.hero-equipment{
  img{
      & + img{
        margin-left: 20px;
      }
  }
}
/*团战分析*/
.team-data-teamAnalysis-title{
  margin: 0 0 14px 0;
  color: #d5d5e1;
  padding-left: 16px;
  i{
    display: inline-block;
    margin-bottom: -2px;
    width: 18px;
    height: 16px;
    margin-right: 7px;
    background: url("../img/vp-data/team-data/team-data-icon.png") no-repeat -18px -31px;
  }
}
.team-data-teamAnalysis-detail{
  width: 326px;
  height: 100px;
  background: #34393f;
  padding: 20px 32px 19px 29px;
  p{
    height: 12px;
    line-height: 12px;
    & + p{
      margin-top: 37px;
    }
  }
}
/*团战队员平均死亡时间*/
.team-data-playersDead-title{
  margin: 0 0 14px 0;
  color: #d5d5e1;
  padding-left: 16px;
  i{
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -3px;
    width: 17px;
    height: 17px;
    background: url("../img/vp-data/team-data/team-data-icon.png") no-repeat -19px -48px;
  }
}
.team-data-playersDead-detail{
  width: 701px;
  height: 100px;
  background: #34393f;
}


/*荣誉殿堂*/
.hallOfFameWrap{
  box-shadow: 0 0 1em rgba(0,0,0,.35);
  padding-top: 166px;
  width: 100%;
  padding-bottom: 36px;
  background: url("../img/vp-data/team-data/honor-bg.png") no-repeat center top #2e3038;
  margin-bottom: 100px;
}
.team-data-hallOfFame-timeLine{
  width: 100%;
  height: 41px;
  position: relative;
  padding: 0 132px 0 126px;
  b{
    position: absolute;
    display: inline-block;
    height: 2px;
    width: 100%;
    background: #463a35;
    top: 33px;
    left: 0;
  }
}
.team-data-hallOfFame-yearList{
  li{
    float: left;
    & + li{
      margin-left: 120px;
    }
    a{
      display: block;
      &:hover{
        text-decoration: none;
      }
      p{
        color: rgba(255,188,43,.3);
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 12px;
      }
      span{
        position: relative;
        display: block;
        width: 18px;
        height: 18px;
        background: #493d38;
        border-radius: 50%;
        left: 50%;
        margin-left: -9px;
        &:after{
          position: absolute;
          content: "";
          width: 10px;
          height: 10px;
          background: #806948;
          border-radius: 50%;
          left: 50%;
          margin-left: -5px;
          top: 50%;
          margin-top: -5px;

        }
      }
      &:hover{
        p{
          color: #ffb72b;
        }
        span:after{
          background: #ffcd6d;
        }
      }
    }
  }
}
.team-data-hallOfFame-honor{
  padding-top: 49px;
}
.team-data-hallOfFame-honorList{
  li{
    position: relative;
    float: left;
    width: 510px;
    height: 69px;
    border-radius: 4px;
    background: #23252b;
    padding: 14px 0 0 20px;
    &:first-child{
      margin-left: 20px;
      margin-top: 20px;
    }
    & + li{
      margin-left: 20px;
      margin-top: 20px;
    }
    .hallOfFame-honorList-honorIntro{
      padding-top: 7px;
    }
    .game-name{
      color: #d4d4d4;
      font-size: 14px;
      line-height: 15px;
      margin-bottom: 8px;
      width: 190px;
    }
    .game-level{
      font-size: 14px;
      line-height: 14px;
    }
    &.first{
      .hallOfFame-honorList-honorLevel{
        background: url("../img/vp-data/team-data/team-data-honorIcon.png") no-repeat 0 0;
      }
      .game-level{
        color: #ffb21c;
      }
    }
    &.second{
      .hallOfFame-honorList-honorLevel{
        background: url("../img/vp-data/team-data/team-data-honorIcon.png") no-repeat 0px -50px;
      }
      .game-level{
        color: #9abbd3;
      }
    }
    &.third{
      .hallOfFame-honorList-honorLevel{
        background: url("../img/vp-data/team-data/team-data-honorIcon.png") no-repeat -48px 1px;
      }
      .game-level{
        color: #cc7d38;
      }
    }
    &.forth{
      .hallOfFame-honorList-honorLevel{
        background: url("../img/vp-data/team-data/team-data-honorIcon.png") no-repeat -49px -47px;
      }
      .game-level{
        color: #7d838d;
      }
    }
    &.eighth{
      .hallOfFame-honorList-honorLevel{
        background: url("../img/vp-data/team-data/team-data-honorIcon.png") no-repeat 0 -101px;
      }
      .game-level{
        color: #7d838d;
      }
    }

  }
}
.hallOfFame-honorList-honorLevelWrap{
  position: relative;
  z-index: 1;
}
.hallOfFame-honorList-body-gameImg{
  position: absolute;
  width: 260px;
  height: 69px;
  right: 0;
  top: 0;
  img{
    border-radius: 4px;
  }
  .opacity-b{
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -ms-linear-gradient(left,rgba(35,37,43,1),rgba(0,0,0,0) 50%);
    background: -moz-linear-gradient(left,rgba(35,37,43,1),rgba(0,0,0,0) 50%);
    background: -webkit-linear-gradient(left,rgba(35,37,43,1),rgba(0,0,0,0) 50%);
  }
}
.hallOfFame-honorList-honorLevel{
  height: 48px;
  width: 48px;
}

/*视野控制*/
.viewControl-title{
  color: #b5bdce;
  border-bottom: 1px solid #353639;
  margin: 0;
  text-align: left;
  font-weight: bold;
  padding-left: 20px;
  padding-bottom: 6px;
  i{
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 0;
    width: 19px;
    height: 11px;
    background: url("../img/vp-data/team-data/team-data-icon.png") no-repeat -18px -2px;
  }
}
.viewControl-rate{
  display: inline-block;
  padding: 20px 0;
  p{
    color: #b5bdce;
    font-size: 14px;
    line-height: 14px;
    & + p{
      margin-left: 100px;
    }
    span{
      margin-left: 20px;
    }
    &.green{
      span{
        color: #7fa81c;
        font-size: 14px;
      }
    }
    &.red{
      span{
        color: #e53536;
        font-size: 14px;
      }
    }
  }
}
.viewControl-nav-tabs{
  display: inline-block;
  height: auto;
  background-color: #1e2124;
  border-bottom: none;
  padding: 15px 0 20px;
  li{
    display: inline-block;
    font-size: 12px;
    & + li{
      margin-left: 25px;
    }
  }
}
.viewControl-nav-tabs>li>a{
  width: 110px;
  padding: 8px 0;
  text-align: center;
  background: #2e3238;
  border: 1px solid #495059;
  border-radius: 20px;
  color: #a9aaac;
  line-height: 12px;
}
.viewControl-nav-tabs>li.active>a,
.viewControl-nav-tabs>li.active>a:hover,
.viewControl-nav-tabs>li.active>a:focus,
.viewControl-nav-tabs>li>a:focus,
.viewControl-nav-tabs>li>a:hover{
  color: #fff;
  background: #196d7d;
  border: 1px solid #14b9d6;
}
/*视野控制tab-content*/
.viewControlWrap{
  padding: 20px;
  background: #2b3035;
  width: 100%;
  height: 899px;
}
.viewControl-leftNav{
  height: auto;
  border-bottom: none;
  background: transparent;
  margin-right: 20px;
  li{
    & + li{
      margin-top: 25px;
    }
  }
}
.viewControl-leftNav>li{
  float: none;
}
.viewControl-leftNav>li>a{
  width: 140px;
  padding: 11px 0;
  text-align: center;
  background: #2e3238;
  border: 1px solid #495059;
  border-radius: 0;
  color: #a9aaac;
  line-height: 12px;
  font-size: 12px;
  margin: 0;
}
.viewControl-leftNav>li.active>a,
.viewControl-leftNav>li.active>a:hover,
.viewControl-leftNav>li.active>a:focus,
.viewControl-leftNav>li>a:focus,
.viewControl-leftNav>li>a:hover{
  color: #fff;
  background: #196d7d;
  border: 1px solid #14b9d6;
}
/*进攻眼位*/
.view-toAttack{
  width: 880px;
  height: 858px;
  background: url("../img/vp-data/team-data/view-bg.jpg") no-repeat center;
}
/*队员数据*/
/*概览综述*/
.players-data-top{
  width: 100%;
  height: 113px;
  background: url("../img/vp-data/players-data/players-data-topBg.jpg") no-repeat center;
  padding: 19px 40px 18px 20px;
}
.players-data-top-img{
  display: inline-block;
  float: left;
  width: 76px;
  height: 76px;
  border: 3px solid #40434d;
  border-radius: 50%;
  background: #23252b;
}
.players-data-intro-wrap{
  display: table;
  float: left;
  height: 100%;
  margin-left: 18px;
}
.players-data-intro{
  display: table-cell;
  vertical-align: middle;
  height: 55px;
  li{
    font-size: 12px;
    line-height: 14px;
    & + li{
      margin-top: 7px;
    }
    &.role{
      font-size: 12px;
      color: rgba(248, 246, 243,.5);
    }
    &.identify{
      display: inline-block;
      background: rgba(20, 185, 214, 0.5);
      color: #14e0ff;
      text-align: center;
      border-radius: 4px;
      height: 17px;
      width: 45px;
      i{
        display: inline-block;
        height: 17px;
        -webkit-transform: scale(0.75);
        line-height: 17px;
        font-weight: bold;
      }
    }
  }
}
.player-detail-intro-right{
  display: table;
  height: 100%;
  .team-data-teamAllData-list{
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    li{
      width: 110px;
      & + li{
        width: 110px;
        margin-left: 0;
      }
    }
    .ranking-title{
      color: #afb0b2;
    }
    .ranking-detail.blue{
      color: #14b9d6;
    }
  }
}

.current-team{
  display: table-cell;
  vertical-align: middle;
  .ranking-title{
    font-size: 12px;
    line-height: 12px;
    color: #afb0b2;
    margin-top: 14px;
    text-align: center;
  }
  img{
    border: 1px solid #43464b;
    border-radius: 2px;
    margin-top: 10px;
  }
}
.current-team-wrap{
  display: table;
  height: 100%;
  margin-left: 31px;
}
/*队员数据*/
.players-data-nav-tabs{
  height: 50px;
  width: 100%;
  background: #3a3f46;
  text-align: center;
  padding: 0 0 0 20px;
  border-bottom: none;
}
.players-data-nav-tabs{
  height: 50px;
}
.players-data-nav-tabs>li + li{
  margin-left: 97px;
}
.players-data-nav-tabs>li>a{
  height: 50px;
  color: rgba(255,255,255,.5);
  padding: 17px 6px;
  background: transparent;
  margin-right: 0;
}
.players-data-nav-tabs>li.active>a,
.players-data-nav-tabs>li>a:hover,
.players-data-nav-tabs>li.active>a:hover,
.players-data-nav-tabs>li>a:focus,
.players-data-nav-tabs>li.active>a:focus,
.players-data-nav-tabs>li>a:visited,
.players-data-nav-tabs>li.active>a:visited{
  color: #14b9d6;
  background: transparent;
  border-bottom: 2px solid #14b9d6;
}
/*能力评估*/
.players-data-ability{
  padding: 20px 20px 30px;
  background: #2a2e33;
  ul{
    margin: 0 -20px;
    li{
      margin-left: 20px;
      margin-right: 23px;
      & + li{
        margin-left: 20px;
        margin-right: 23px;
      }
      &:first-child{
        margin-bottom: 38px;
      }
    }
  }
}
.players-data-ability{
  color: #b5bdce;
  i{
    display: inline-block;
    width: 16px;
    height: 19px;
    background: url("../img/vp-data/team-data/team-data-icon.png") no-repeat -38px 6px;
    margin-bottom: -1px;
    margin-right: 8px;
  }
}
.players-data-onlineCapability{
  background: #2a2e33;
  padding: 20px;
  margin-bottom: 20px;
}
.players-data-onlineCapability-wrap{
  width: 516px;
  height: 256px;
}
.players-data-onlineCapability-title{
  margin: 0;
  color: #b5bdce;
  i{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../img/vp-data/team-data/team-data-icon.png") no-repeat -18px -68px;
    margin-bottom: -4px;
    margin-right: 8px;
  }
}
/*图表前6分钟*/
.select-minutes-nav-tabs{
  height: auto;
  background: #1c2023;
  border-bottom: none;
}
.select-minutes-nav-tabs>li{
  margin-bottom: 0;
}
.select-minutes-nav-tabs>li>a{
  line-height: 12px;
  color: #afb0b2;
  padding: 5px 16px;
  margin-right: 0;
  background: transparent;
  border-radius: 0;
  border: 1px solid transparent;
}
.select-minutes-nav-tabs>li.active>a{
  color: #fefefe;
  background: #424851;
  border: 1px solid transparent;
}
.select-minutes-nav-tabs>li.active>a:hover,
.select-minutes-nav-tabs>li.active>a:focus,
.select-minutes-nav-tabs>li.active>a:active,
.select-minutes-nav-tabs>li>a:hover,
.select-minutes-nav-tabs>li>a:focus,
.select-minutes-nav-tabs>li>a:active{
  color: #fefefe;
  background: #424851;
  border: 1px solid transparent;
}
.font-silver{
  color: #b5bdce;
}
.font-white{
  color: #fff;
}
.font-grey{
  color: rgba(175, 176, 178,.5);
}
.font-themeBlue{
  color: #14b9d6;
}

/*近期数据*/
.players-data-line{
  height: 272px;
  width: 1px;
  background: #1b1f22;
  margin-right: 20px;
  margin-left: 50px;
}
.players-data-currentdata{
  width: 453px;
}
.players-data-currentdata-title{
  margin: 0;
  color: #b5bdce;
  i{
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url("../img/vp-data/team-data/team-data-icon.png") no-repeat -38px -13px;
    margin-bottom: -4px;
    margin-right: 8px;
  }
}
.rate-chart{
  width: 90px;
  height: 207px;
  margin-right: 33px;
}
.percentage-bar{
  width: 328px;
  height: 20px;
  position: relative;
  margin-top: 40px;
}
.percentage-bar-green{
  position: absolute;
  background: #479b6d;
  height: 20px;
  width: 88%;
  line-height: 20px;
  text-align: center;
  color: #fff;
}
.percentage-bar-red{
  position: absolute;
  background: #ad3d3f;
  height: 20px;
  width: 12%;
  right: 0;
  top: 0;
  z-index: 2;
  line-height: 20px;
  text-align: center;
  color: #fff;
}
.percentage-bar-detail{
  width: 100%;
}
.percentage-bar-detail-green{
  color: #479b6d;
  margin-right: 60px;
  padding-bottom: 3px;
  .green-circle{
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #479b6d;
    display: inline-block;
    margin: 16px 7px 0 0;
  }
  span{
    margin-right: 7px;
  }
}
.percentage-bar-detail-red{
  color: #ad3d3f;
  padding-bottom: 3px;
  .red-circle{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ad3d3f;
    display: inline-block;
    margin: 16px 7px 0 0;
  }
  span{
    margin-right: 7px;
  }
}
.players-data-amount-list{
  width: 330px;
  li{
    display: inline-block;
    margin-top: 33px;
    & + li{
      margin-left: 57px;
    }
    &.ml0{
      margin-left: 0;
    }
    p{
      width: 72px;
    }
    p:first-child{
      color: #afb0b2;
      border-bottom: 3px solid #424851;
      padding-bottom: 6px;
      & + p{
        color: #d5d5e1;
        margin-top: 7px;
      }
    }
  }
}
/*英雄池*/
.players-data-heroPool{
  table{
    margin-bottom: 0;
  }
}
.players-data-heroPool-title{
  margin: 0;
  color: #b5bdce;
  i{
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -4px;
    width: 19px;
    height: 16px;
    background: url("../img/vp-data/team-data/team-data-icon.png") no-repeat -19px -15px;
  }
}
.heroPool-table{
  border-collapse: separate;
  text-align: center;
  .hero-name{
    display: inline-block;
    margin-left: 16px;
    vertical-align: middle;
  }
}
.heroPool-table>thead>tr>th{
  text-align: center;
  height: 35px;
  vertical-align: middle;
  border-bottom: 0;
  color: #afb0b2;
  background-color: #393f46;
  font-weight: normal;
}
.heroPool-table>tbody>tr>td{
  height: 50px;
  border: 0;
  vertical-align: middle;
  background-color: #34393f;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.heroPool-table>tbody>tr>td:first-child{
  text-align: right;
}
.heroPool-table>tbody>tr.even>td{
  background-color: #393f46;
}
/*趋势图*/
.players-data-twoBlocks{
  background: #2a2e33;
  padding: 20px;
}
.players-data-trend{
  width: 700px;
}
.players-data-trend-title{
  margin: 0 0 20px 0;
  color: #b5bdce;
  i{
    margin-right: 8px;
    margin-bottom: -2px;
    display: inline-block;
    width: 19px;
    height: 15px;
    background: url("../img/vp-data/team-data/team-data-icon.png") no-repeat 3px 0px;
  }
}
.players-data-trend-chart{
  width: 700px;
}
.players-data-miracles{
  padding-left: 20px;
  height: 270px;
  width: 340px;
  border-left: 1px solid #1b1f22;
  li{
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #23252b;
    padding-left: 9px;
    padding-right: 22px;
    border-bottom: 1px solid #424851;
    & + li{
      margin-top: 20px;
    }
  }
}
.players-data-miracles-title{
  margin: 0 0 14px 0;
  color: #d5d5e1;
  i{
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -2px;
    width: 18px;
    height: 16px;
    background: url("../img/vp-data/team-data/team-data-icon.png") no-repeat -18px -31px;
  }
}
/*近期比赛*/
.players-data-recentGame{
  background: #34393f;
  padding: 20px;
}
.players-data-recentGame-title{
  color: #d5d5e1;
  text-align: left;
  margin: 0;
  i{
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -2px;
    width: 16px;
    height: 16px;
    background: url("../img/vp-data/team-data/team-data-icon.png") no-repeat 0 -54px;
  }
}
/*比赛统计*/
.players-data-gameSummery{
  background: #2a2d32;
  .control-label{
    padding: 0 20px 0 20px;
    text-align: left;
    color: #fff;
    width: auto;
    margin-bottom: 0;
    height: 45px;
    line-height: 45px;
  }
  .form-control-static{
    min-height: 45px;
    padding: 0;
    margin-bottom: 0;
  }
}
.icheck-ui {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer; }
.icheck-ui input[type=checkbox], .icheck-ui input[type=radio] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0); }

.icheck-ui.icheck-radio:before {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url("../img/public-icheck.png") no-repeat -3px -3px; }

.icheck-ui.icheck-radio.active:before {
  background-position: -22px -3px; }

.icheck-ui.active {
  color: #fff; }

.icheck-list li {
  position: relative;
  float: left;
  height: 45px;
  line-height: 45px;
  padding-left: 22px;
  margin-right: 45px; }

.icheck-list li input {
  position: absolute;
  left: 0; }

.icheck-list li label {
  font-weight: 300;
  cursor: pointer;
  margin-bottom: 0; }

.iradio, .icheckbox {
  width: 17px;
  height: 17px;
  position: absolute;
  left: 0;
  top: 15px;
  background-image: url("../img/vp-data/public-icheck.png");
  background-repeat: no-repeat;
  cursor: pointer; }

.iradio {
  background-position: -64px -3px; }

.iradio.checked {
  background-position: -46px -3px; }

.icheckbox {
  background-position: -3px -3px; }

.icheckbox.checked {
  background-position: -22px -3px; }
.players-data-gameSummery{
  margin-bottom: 0;
}
.players-data-gameSummery-table{
  border-collapse: separate;
  text-align: center;
  margin-bottom: 0;
}
.players-data-gameSummery-table>thead>tr>th{
  text-align: center;
  height: 35px;
  vertical-align: middle;
  border-bottom: 0;
  color: #afb0b2;
  background-color: #2a2d32;
  font-weight: normal;
}
.players-data-gameSummery-table>tbody>tr>td{
  height: 50px;
  border: 0;
  vertical-align: middle;
  background-color: #34393f;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.players-data-gameSummery-table>tbody>tr.even>td{
  background-color: #393f46;
}
/*英雄统计*/
.players-data-heroSummery{
  margin-bottom: 0;
}
.players-data-heroSummery-table{
  border-collapse: separate;
  text-align: center;
  margin-bottom: 0;
}
.players-data-heroSummery-table>thead>tr>th{
  text-align: center;
  height: 35px;
  vertical-align: middle;
  border-bottom: 0;
  color: #afb0b2;
  background-color: #2a2d32;
  font-weight: normal;
}
.players-data-heroSummery-table>tbody>tr>td{
  height: 50px;
  border: 0;
  vertical-align: middle;
  background-color: #34393f;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.players-data-heroSummery-table>tbody>tr.even>td{
  background-color: #393f46;
  }
.players-data-heroSummery-table{
  .time-before{
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
  }
}
/*vp-data数据魔方*/
#data-cube-bodyer {
  background: url("../img/vp-data/data-cube-bg.gif") no-repeat center top #1e2124;
  min-height: 602px;
  color: #D4D4D4;
  margin-bottom: 20px;
}
.vpgame-title{
  width: 190px;
  height: 16px;
  margin: 200px auto 0;
  background: url("../img/vp-data/vpgame-font.png") no-repeat center;
}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px; }
.mt60 {margin-top: 60px; }
.ml80 {margin-left: 80px; }
.pl10 {padding-left: 10px; }
.pl20 {padding-left: 20px; }
.pt10 {padding-top: 10px; }
.pt15 {padding-top: 15px; }
.pt20 {padding-top: 20px; }
.pb10 {padding-bottom: 10px; }
.pb20 {padding-bottom: 20px; }
.bl1 {border-left:1px solid #5B6658;}
.bl1-a {border-left: 1px solid #3c3e42;}
.bb1 {border-bottom:1px solid #5B6658;}
.border3 {border:3px solid #40434d;}
.border1-a {border:1px solid #3c3e42;}
.borderad3 {border-radius: 3px;}

.ib {
  display: inline-block;
  vertical-align: middle;
}

.text-dark {color: #727377;}
.text-dark-a {color: #a5a4a3;}
.text-dark-b {color: #949597;}
.text-bold {font-weight: bold; }
.text-radiant {color: #8ab721; }
.text-dire {color: #de3d3e; }
.text-href {cursor: pointer; }
.text-href:hover {color: #00c1ee;text-decoration: underline; }

.das-top-bg {
  background-image: url("../img/vp-data/das-top-bg.jpg");
  height: 113px;
}

.das-input {
  margin:50px auto;
  width:481px;
}

.das-input input {
  width: 381px;
  height: 38px;
  border-radius: 0;
  border:none;
  background-color: white;
}

.das-input .btn-success {
  width: 100px;
  background-color: #00c1ee;
  height: 38px;
  border:none;
  border-radius: 0;
  padding: 0;
  line-height: 38px;
  font-size: 18px;
}

.btn-history {
  width: 120px;
  height: 38px;
  border:none;
  border-radius: 0;
  background-color: rgba(38, 171, 202, 0.46);
  line-height: 38px;
  padding: 0;
  color: #D6D6D6;
}
.btn-history:hover {
  color: white;
}

.das-input .btn-search-type button {
  width: 120px;
  padding:0 0 0 10px;
  line-height: 38px;
  border:none;
  border-radius: 0;
  border-right: 1px solid #E0E0E0;
}

.das-input .btn-search-type .caret {
  background-color: white;
}

.das-input .btn-search-type .dropdown-menu {
  background-color: white;
}

.das-input .btn-search-type .dropdown-menu>li>a {
  color: black;
}
.das-input .btn-search-type .dropdown-menu>li>a:hover {
  color: gray;
}

.das-match-id {
  border-left: 1px solid #3d3e42;
  padding-left: 20px;
}

.das-match-twoteams {
  margin:0 auto;
  padding-top: 20px;
  width: 415px;
}

.das-match-logo {
  width: 91px;
}

.das-match-logo img {
  border-radius: 5px;
}

.das-match-details {
  padding: 20px;
  background-color: #2a2e33;
}

.das-bp {
  background-color: #393f46;
}

.das-bp-ban {
  opacity: 0.5;
  filter:alpha(opacity=50);
}

.das-bp-txt {
  vertical-align: top;
}

.das-radiant-details {
  background-color: #343e30;
  border:1px solid #3d4d2e;
}

.das-dire-details {
  background-color: #3d2d32;
  border:1px solid #4d3439;
}

.das-arm-skills-details {
  margin-left:143px;
}

.das-match-score {
  display: inline-block;
}

.das-hero-name {
  width: 60px;
}

.das-match-list {
  padding:20px;
  background-color: #2a2e33;
}

.das-match-list .table {color: #a9aaac;margin-bottom: 0; }
.das-match-list .table .text-gray {color: #737679; }
.das-match-list .table>thead>tr>td{background-color: #393f46; }
.das-match-list .table>tbody>tr>td{border:none; vertical-align: middle; }
.das-match-list .table>tbody>tr.even>td{
  background-color: #393f46;
  border-top: 1px solid #393f46;
  border-bottom: 1px solid #393f46;
}
.das-match-list .table>tbody>tr.odd>td{
  background-color: #34393f;
  border-top: 1px solid #34393f;
  border-bottom: 1px solid #34393f;
}
.das-match-list .table>tbody>tr:hover>td{
  background-color: #40434d;
  border-top: 1px solid #52545d;
  border-bottom: 1px solid #292b32;
}

.btn-show-game {
  width: 115px;
  height: 37px;
  background-color: rgba(38, 171, 202, 0.46);
  padding: 0;
  line-height: 37px;
  color: #D6D6D6;
}
.btn-show-game:hover {
  color: white;
}

.p30 {
  padding: 30px; }

.font-basic {
  color: #afb0b2; }

.btn-blueBasic {
  border-radius: 0;
  background-color: rgba(38, 171, 202, 0.46);
  color: #D6D6D6; }
.btn-blueBasic:hover {
  color: white;
}
.searchout-List-item {
  background: #34393f;
  padding: 11px 0; }
.searchout-List-item.even {
  background: #393f46; }

.searchout-user-img {
  padding-left: 14px; }

.radius-img {
  border-radius: 50%;
  border: 1px solid #40434d; }

.searchout-user-info {
  text-align: left;
  margin-right: 72px;
  padding: 20px 0;
  color: #f8f6f3;
  width: 180px; }

.searchout-user-name {
  font-size: 14px; }

.searchout-user-steamId {
  opacity: .5;
  filter: alpha(opacity=50); }

.divideLine {
  margin: 6px 0;
  border-left: 1px solid #494d53;
  height: 66px; }

.searchout-user-activeTeam {
  margin-left: 26px;
  padding: 7px 0; }

.activeTeam-name {
  text-align: center; }

.activeTeam-img {
  margin-top: 8px;
  height: 35px;
  line-height: 35px; }

.have-theActiveTeam {
  border: 1px solid #45494e;
  border-radius: 2px; }

.searchout-toSeeDetail {
  margin-right: 20px;
  padding: 20px 0; }

.btn-dataCube-toSeeDetail {
  border-radius: 5px;
  padding: 9px 32px;
  font-size: 12px; }

.searchout-team-img {
  padding-left: 12px; }

.searched-team-img {
  border-radius: 2px; }

.searchout-team-info {
  margin-left: 12px;
  margin-right: 50px;
  padding: 14px 0;
  color: #f8f6f3; }

.searchout-team-name {
  font-size: 20px;
  font-weight: 600; }

.searchout-teamMember-list li + li {
  margin-left: 24px; }

.searchout-teamMember-list-item {
  display: inline-block; }

.searchout-teamMember-img {
  width: 56px;
  height: 56px;
  border-radius: 50%; }
